<template>
	<view class="content">
		<view class="container">
			
		</view>
		<view class="container2">
			<view class="buttonOpenApp" @click="handleOpenAppCilck()">
				<text class="wenzi2">打开APP，向树洞说说你的心事 </text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			handleOpenAppCilck() {
				console.log('打开下载app')
				window.open('https://sj.qq.com/appdetail/com.wwyy.wzhxl?ckey=CK1456487930531&from_wxz=1', '_blank');
			}
		}
	}
</script>

<style>
	.container {
		position: relative;
		height: 92vh;
		background-image: url();
		background-size: cover;
		/* 保持图像的宽高比，覆盖整个容器的宽度 */
		background-position: center bottom;
		/* 将图像的底部居中对齐 */
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	.buttonOpenApp {
		margin: 20rpx auto;
		display: flex;

		align-items: center;
		justify-content: center;
		width: 700rpx;
		height: 50px;
		border-radius: 30px;
		background-color: #ffca85;

	}

	.wenzi2 {
		color: #000000;
		font-weight: bold;
		font-size: 18px;
	}
</style>
